<template>
	<div class="top-title-wrapper" :class="active?'selected':''">
    	{{topTitle}}
    </div>
</template>

<script>

export default {
  	name: 'TopTitleModule',		
	props: {
		/**
	     * @description 起始值，即动画开始前显示的数值
	     */
	    topTitle: {
	      type: String,
	      default: "未设置"
	    },
	    active: {
	    	type: Boolean,
	    	default: false
	    }
	},
    data () {
        return {

    	}
    },
    methods: {
  
    },
    computed: {
    	
    },
    created() {
    },
    components: {
	}
 }
</script>

<style scoped>	
.top-title-wrapper {
	color: black;
	font-weight: bold;
	font-size: 20px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.top-title-wrapper.selected {
    border: #2b85e4 1px dashed;
}
.top-title-wrapper:hover {
	border: #2b85e4 1px dashed;
}


</style>
